/*
 * @Descripttion: 编辑器页面入口主文件
 * @Date: 2022-05-18 11:34:29
 * @LastEditTime: 2024-06-25 10:06:57
 */

import React, { useEffect } from 'react'
import { editorRootContainer } from '@editor/const/htmlElementId'
// 注册复杂数据源
import '@conecli/cone-complex-form/dist/index'
// 初始化编辑器壳子
import '@editor/index'

// 获取挂在父页面cone window上的 messager，通过它实现通信
const Messager = window.top._coneMessager
const Editor = () => {
  useEffect(() => {
    // 告知装修工具挂载ID已经存在了-然后开始初始化editor壳子 TODO:其实这儿的初始化顺序有点奇怪，待优化。
    // Messager?.trigger('editToolMountIdReady', {
    // 	iframeUrl: '//isviframe.jd.com#/pages/iframe/index',
    // })
    Messager?.trigger('editToolMountIdReady', {
      iframeUrl: '//isvdev.jd.com/iframe#/pages/iframe/index',
    })

    Messager?.trigger('updateModuleList')
  }, [])

  return (
    <div
      id={editorRootContainer}
      style={{
        display: 'flex',
        justifyContent: 'space-between',
        minHeight: '100vh',
      }}
    ></div>
  )
}

export default Editor
